<!doctype html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="../../plugins/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../plugins/bootstrap-select/css/bootstrap-select.css">
    <link rel="stylesheet" href="../../plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
    <link rel="stylesheet" href="../../plugins/font-awesome-4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="../../plugins/select2/3.5.1/select2.min.css" />
    <link rel="stylesheet" href="../../plugins/gridstack/gridstack.css" />
    <link rel="stylesheet" href="../../plugins/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../../plugins/iconfont/iconfont1.css" />
    <link rel="stylesheet" href="../../plugins/xhe/xhe.css" />
    <link rel="stylesheet" href="../../common/css/common.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <script src="../../plugins/jquery/jquery-1.11.1.min.js"></script>
    <script src="../../plugins/jquery/jquery.cookie.js"></script>
    <script src="../../plugins/jquery/jquery-ui.min.js"></script>
    <script src="../../plugins/jquery/pako.min.js"></script>
    <script src="../../plugins/jquery/jquery.table2excel.js"></script>
    <script src="../../plugins/jquery/md5.js"></script>
    <script src="../../plugins/select2/3.5.1/select2.js"></script>
    <script src="../../plugins/jscolor/jscolor.js"></script>
    <script src="../../plugins/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../../plugins/bootstrap/js/collapse.js"></script>
    <script src="../../plugins/bootstrap-select/js/bootstrap-select.min.js"></script>
    <script src="../../plugins/bootstrap-select/js/defaults-zh_CN.js"></script>
    <script src="../../plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script src="../../plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <!-- <script src="../../plugins/echarts/echarts.js"></script> -->
    <script src="../../plugins/echarts/echarts.min.5.0.2.js"></script>
    <script src="../../plugins/echarts/echarts-theme.js"></script>
    <script src="../../plugins/echarts/map/province/beijing.js"></script>
    <script src="../../plugins/gridstack/lodash.min.js"></script>
    <script src="../../plugins/gridstack/gridstack.js"></script>
    <script src="../../common/js/config.js"></script>
    <script src="../../plugins/xhe/xheModel.js"></script>
    <script src="../../plugins/xhe/xheCharts.js"></script>
    <script src="../../plugins/xhe/xheList.js"></script>
    <script src="../../plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker-v1.0.js"></script>
    <script src="../../common/js/userinfo.js"></script>
    <script src="../../common/js/common.js"></script>
    <script src="../../common/js/menu.js"></script>
    <script src="../../common/js/template.js"></script>
    <script src="../js/data.js"></script>
    <script src="../js/common.js"></script>
    <script src="../js/index.js"></script>
    <!--[if IE]>
		<script src="http://libs.baidu.com/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->
</head>

<body>
    <div id="div_background" class="con-background"></div>
    <div id="div_ToolKit" class="con-toolkit" onclick="showToolBar()">
        <div class="img-toolkit"></div>
    </div>
    <div id="div_ToolBar" class="con-toolbar">
        <div class="panel-group" id="accordion">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#">
                            <i class='glyphicon glyphicon-home'></i>&nbsp;&nbsp;主页
                        </a>
                    </h4>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#BaseProperty">
                            <i class='glyphicon glyphicon-asterisk'></i>&nbsp;&nbsp;基础属性
                            <span class='pull-right glyphicon glyphicon-triangle-bottom'></span>
                        </a>
                    </h4>
                </div>
                <div id="BaseProperty" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class='menu-second'>
                            <li>
                                <div class="col-sm-12">
                                    <div class="input-group input-group-sm">
                                        <span class="input-group-addon">背景:</span>
                                        <select id="ddl_view_backGround" class="form-control"
                                            onchange="changeBackGround();"></select>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <br />
                                <br />
                                <div class="col-sm-12">
                                    <div class="input-group input-group-sm">
                                        <span class="input-group-addon">主题:</span>
                                        <select id="ddl_view_theme" class="form-control"
                                            onchange="changeAllTheme();"></select>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                            <i class='glyphicon glyphicon-picture'></i>&nbsp;&nbsp;新建画布
                            <span class='pull-right glyphicon glyphicon-triangle-bottom'></span>
                        </a>
                    </h4>
                </div>
                <div id="collapseThree" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul id='AddPanel' class='menu-second'>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseFore">
                            <i class='glyphicon glyphicon-wrench'></i>&nbsp;&nbsp;添加组件
                            <span class='pull-right glyphicon glyphicon-triangle-bottom'></span>
                        </a>
                    </h4>
                </div>
                <div id="collapseFore" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul id='AddGroup' class='menu-second'>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_label"
                                    name="label" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="iconfont icon-label1"></i>&nbsp;文字
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_vbar"
                                    name="vbar" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                                        class="glyphicon glyphicon-object-align-bottom"></i>&nbsp;纵向柱状图
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_hbar"
                                    name="hbar" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                                        class="glyphicon glyphicon-object-align-left"></i>&nbsp;横向柱状图
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_line"
                                    name="line" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="iconfont icon-line"></i>&nbsp;折线图
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_barline"
                                    name="barline" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="iconfont icon-barline"></i>&nbsp;折柱图
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_pie"
                                    name="pie" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="iconfont icon-pie"></i>&nbsp;饼图
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_gauge"
                                    name="gauge" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="iconfont icon-gauge1"></i>&nbsp;仪表盘
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_radar"
                                    name="radar" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="iconfont icon-radar"></i>&nbsp;雷达图
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_funnel"
                                    name="funnel" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="iconfont icon-funnel"></i>&nbsp;漏斗图
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_map"
                                    name="map" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="iconfont icon-map"></i>&nbsp;地图
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_table"
                                    name="table" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="iconfont icon-table1"></i>&nbsp;表格
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_select"
                                    name="select" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                                        class="glyphicon glyphicon-list-alt"></i>&nbsp;列表框
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_text"
                                    name="text" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                                        class="glyphicon glyphicon-comment"></i>&nbsp;文本框
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_date"
                                    name="date" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="iconfont icon-datetime"></i>&nbsp;日期
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_button"
                                    name="button" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                                        class="glyphicon glyphicon-expand"></i>&nbsp;按钮
                                </a>
                            </li>
                            <!-- <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id="a_add_button" name="export" ondragstart="drag(event)">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-export"></i>&nbsp;导出
                                </a>
                            </li> -->
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
                            <i class='glyphicon glyphicon-folder-open'></i>&nbsp;&nbsp;我的视图
                            <span class='pull-right glyphicon glyphicon-triangle-bottom'></span>
                        </a>
                    </h4>
                </div>
                <div id="collapseFive" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul id='MyView' class='menu-second'>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseSix">
                            <i class='glyphicon glyphicon-cog '></i>&nbsp;&nbsp;功能管理
                            <span class='pull-right glyphicon glyphicon-triangle-bottom'></span>
                        </a>
                    </h4>
                </div>
                <div id="collapseSix" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul id='TestTool' class='menu-second'>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id=""
                                    onclick="showSave('save')">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                                        class="glyphicon glyphicon-floppy-disk"></i>&nbsp;保存视图
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id=""
                                    onclick="showSave('template')">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                                        class="glyphicon glyphicon-edit"></i>&nbsp;另存为模板
                                </a>
                            </li>
                            <li>
                                <a href='#' class='nav-header collapsed' data-toggle='collapse' id=""
                                    onclick="showSave('publish')">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-open"></i>&nbsp;发布
                                </a>
                            </li>
                            <li style="display: none;">
                                <div class="col-sm-12">
                                    <a class="a-view-btn" id="inner-grid" href="#">
                                        <i class='glyphicon glyphicon-eye-open' class="i-view-btn"></i>
                                        查看源码
                                    </a>
                                    <br />
                                    <br />
                                </div>
                                <div class="col-sm-12">
                                    <a class="a-view-btn" id="save-grid" href="#">
                                        <i class='glyphicon glyphicon-save' class="i-view-btn"></i>
                                        查看模块
                                    </a>
                                    <br />
                                    <br />
                                </div>
                                <div class="col-sm-12">
                                    <div class="input-group">
                                        <span class="input-group-addon">视图源码:</span>
                                        <textarea id="saved-data" cols="20" rows="20" class="form-control"
                                            readonly></textarea>
                                    </div>
                                    <br />
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseSeven"
                            onclick="showPublish()">
                            <i class='glyphicon glyphicon-retweet'></i>&nbsp;&nbsp;发布管理
                        </a>
                    </h4>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseEight"
                            onclick='closeToolBar()'>
                            <i class='glyphicon glyphicon-remove'></i>&nbsp;&nbsp;关闭工具栏
                        </a>
                    </h4>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="grid-main">
            <div id="grid-stack" class="grid-stack" ondrop="drop(event)" ondragover="allowDrop(event)"
                style="min-height: 80vh;">
            </div>
        </div>
        <div class="modal fade" id="div_Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
            aria-hidden="true" style="z-index: 10;">
            <div class="modal-dialog">
                <div class="modal-content" style="width:685px;">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">模块管理</h4>
                        <div>
                            <ul class="nav nav-tabs ul-tab-model" role="tablist">
                                <li role="presentation" class="active">
                                    <a href="#model-property" role="tab" data-toggle="tab">基本</a>
                                </li>
                                <li role="presentation">
                                    <a href="#echart-bind" role="tab" data-toggle="tab">数据</a>
                                </li>
                                <li role="presentation">
                                    <a href="#echart-title" role="tab" data-toggle="tab">标题</a>
                                </li>
                                <li role="presentation">
                                    <a href="#echart-legend" role="tab" data-toggle="tab">图例</a>
                                </li>
                                <li role="presentation">
                                    <a href="#echart-place" role="tab" data-toggle="tab">位置</a>
                                </li>
                                <li role="presentation">
                                    <a href="#echart-axis" role="tab" data-toggle="tab">坐标轴</a>
                                </li>
                                <li role="presentation">
                                    <a href="#echart-label" role="tab" data-toggle="tab">标签</a>
                                </li>
                                <li role="presentation">
                                    <a href="#echart-color" role="tab" data-toggle="tab">主题</a>
                                </li>
                                <li role="presentation">
                                    <a href="#echart-other" role="tab" data-toggle="tab">其他</a>
                                </li>
                                <li role="presentation">
                                    <a href="#echart-search" role="tab" data-toggle="tab">条件</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form" action="">
                            <div class="form-group tab-content">
                                <!--基础-->
                                <div id="model-property" role="tabpanel" class="tab-pane active">
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否显示模块标题</span>
                                            <input id="model_titleShow" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_titleShow')"
                                                    onmouseout="hidefloat('info_model_titleShow')"></i>
                                                <div id="info_model_titleShow" class="con-info-box">单击按钮控制是否显示该模块标题
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块标题文本</span>
                                            <input id="model_titleText" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_titleText')"
                                                    onmouseout="hidefloat('info_model_titleText')"></i>
                                                <div id="info_model_titleText" class="con-info-box">输入文字命名该模块标题</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块标题文字的颜色</span>
                                            <span class="input-group-addon con-none" style="width: 40px;"></span>
                                            <input id="model_titleColor_0" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 33%;" />
                                            <input id="model_titleColor_1" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 33%;" />
                                            <input id="model_titleColor_2" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 33%;" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-screenshot'
                                                    onclick="setUnifiedColor('model_titleColor')"
                                                    onmouseover="showfloat('info_model_titleColor')"
                                                    onmouseout="hidefloat('info_model_titleColor')"></i>
                                                <div id="info_model_titleColor" class="con-info-box">
                                                    模块标题栏的背景颜色,单击可一键统一颜色</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块标题文字字体的风格</span>
                                            <select id="model_titleStyle"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_titleStyle')"
                                                    onmouseout="hidefloat('info_model_titleStyle')"></i>
                                                <div id="info_model_titleStyle" class="con-info-box">模块标题文字字体的风格,正常/斜体
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块标题文字字体的粗细</span>
                                            <select id="model_titleWeight"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_titleWeight')"
                                                    onmouseout="hidefloat('info_model_titleWeight')"></i>
                                                <div id="info_model_titleWeight" class="con-info-box">
                                                    模块标题文字字体的粗细,正常/加粗/减细</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块标题文字的字体大小</span>
                                            <input id="model_titleSize" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_titleSize')"
                                                    onmouseout="hidefloat('info_model_titleSize')"></i>
                                                <div id="info_model_titleSize" class="con-info-box">
                                                    模块标题文字的字体大小,输入数字,单位vh</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块标题栏的背景颜色</span>
                                            <span class="input-group-addon con-none" style="width: 26px;"></span>
                                            <input id="model_titleBackgroudColor_0" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 33%;" />
                                            <input id="model_titleBackgroudColor_1" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 33%;" />
                                            <input id="model_titleBackgroudColor_2" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 33%;" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-screenshot'
                                                    onclick="setUnifiedColor('model_titleBackgroudColor')"
                                                    onmouseover="showfloat('info_model_titleBackgroudColor')"
                                                    onmouseout="hidefloat('info_model_titleBackgroudColor')"></i>
                                                <div id="info_model_titleBackgroudColor" class="con-info-box">
                                                    模块标题栏的背景颜色,单击可一键统一颜色</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块标题文字的对齐方式</span>
                                            <select id="model_titlePosition"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_titlePosition')"
                                                    onmouseout="hidefloat('info_model_titlePosition')"></i>
                                                <div id="info_model_titlePosition" class="con-info-box">
                                                    模块标题文字的对齐方式,左/中/右</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否显示模块边框</span>
                                            <input id="model_borderShow" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_borderShow')"
                                                    onmouseout="hidefloat('info_model_borderShow')"></i>
                                                <div id="info_model_borderShow" class="con-info-box">单击按钮控制是否显示模块边框
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块边框颜色</span>
                                            <span class="input-group-addon con-none" style="width:81px;"></span>
                                            <input id="model_borderColor" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 100%;" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_borderColor')"
                                                    onmouseout="hidefloat('info_model_borderColor')"></i>
                                                <div id="info_model_borderColor" class="con-info-box">模块边框颜色,透明的为20%
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块边框粗细</span>
                                            <input id="model_borderWidth" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_borderWidth')"
                                                    onmouseout="hidefloat('info_model_borderWidth')"></i>
                                                <div id="info_model_borderWidth" class="con-info-box">模块边框粗细,输入数字,单位px
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块边框边角</span>
                                            <input id="model_borderRadius" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_borderRadius')"
                                                    onmouseout="hidefloat('info_model_borderRadius')"></i>
                                                <div id="info_model_borderRadius" class="con-info-box">单击按钮控制是否显示模块边框边角
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块边框透明度</span>
                                            <input id="model_borderTransparent" type="text"
                                                class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_borderTransparent')"
                                                    onmouseout="hidefloat('info_model_borderTransparent')"></i>
                                                <div id="info_model_borderTransparent" class="con-info-box">
                                                    模块边框的透明度，取值0~1
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块底色</span>
                                            <span class="input-group-addon con-none" style="width:108px;"></span>
                                            <input id="model_backgroudColor" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 100%;" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_backgroudColor')"
                                                    onmouseout="hidefloat('info_model_backgroudColor')"></i>
                                                <div id="info_model_backgroudColor" class="con-info-box">模块底色</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块透明度</span>
                                            <input id="model_backgroudTransparent" type="text"
                                                class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_backgroudTransparent')"
                                                    onmouseout="hidefloat('info_model_backgroudTransparent')"></i>
                                                <div id="info_model_backgroudTransparent" class="con-info-box">
                                                    模块背景透明度,取值范围在0~1之间</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块背景</span>
                                            <input id="model_backgroudImage" type="text"
                                                class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_backgroudImage')"
                                                    onmouseout="hidefloat('info_model_backgroudImage')"></i>
                                                <div id="info_model_backgroudImage" class="con-info-box">
                                                    模块背景,该属性与backgroudColor互斥</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块背景是否拉伸</span>
                                            <input id="model_backgroundSize" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_model_backgroundSize')"
                                                    onmouseout="hidefloat('info_model_backgroundSize')"></i>
                                                <div id="info_model_backgroundSize" class="con-info-box">单击按钮控制模块背景是否拉伸
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line" style="display: none;">
                                        <div class="input-group">
                                            <input id=model_Index type="text" class="form-control con-none" />
                                            <textarea id="model_Options" rows="20" class="form-control"></textarea>
                                            <textarea id="echart_Options" rows="20" class="form-control"></textarea>
                                        </div>
                                        <br />
                                    </div>
                                </div>
                                <!--数据-->
                                <div id="echart-bind" role="tabpanel" class="tab-pane">
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">绑定方式</span>
                                            <select id="echart_bindtype" class="form-control con-none slt-right"
                                                onchange="changeBindType();"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_bindtype')"
                                                    onmouseout="hidefloat('info_echart_bindtype')"></i>
                                                <div id="info_echart_bindtype" class="con-info-box">选择数据绑定方式</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">发布周期</span>
                                            <input id=echart_searchPeriod type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_searchPeriod')"
                                                    onmouseout="hidefloat('info_echart_searchPeriod')"></i>
                                                <div id="info_echart_searchPeriod" class="con-info-box">
                                                    控制定时刷新数据，单位：秒，当为0时代表不刷新数据</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div id="div_bindtype_server">
                                        <div class="col-sm-12 con-bottom-line" style="display: none;">
                                            <div class="input-group">
                                                <span class="input-group-addon con-none">服务编码</span>
                                                <input id="echart_serverCode" type="text"
                                                    class="form-control con-none" />
                                                <span class="input-group-addon con-none">
                                                    <i class='glyphicon glyphicon-info-sign'
                                                        onmouseover="showfloat('info_echart_serverCode')"
                                                        onmouseout="hidefloat('info_echart_serverCode')"></i>
                                                    <div id="info_echart_serverCode" class="con-info-box">
                                                        绑定正式调用数据接口的服务编码，当该编码不为空且能够正常返回数据时，图形控件将展示接口返回的正式数据，反之则绑定下方的测试数据
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 con-bottom-line">
                                            <div class="input-group">
                                                <span
                                                    class="input-group-addon con-none">表&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>
                                                <input id="echart_searchTable" type="text"
                                                    class="form-control con-none" />
                                                <span class="input-group-addon con-none">
                                                    <i class='glyphicon glyphicon-info-sign'
                                                        onmouseover="showfloat('info_echart_searchTable')"
                                                        onmouseout="hidefloat('info_echart_searchTable')"></i>
                                                    <div id="info_echart_searchTable" class="con-info-box">
                                                        要查询的数据表
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 con-bottom-line">
                                            <div class="input-group">
                                                <span class="input-group-addon con-none">分组字段</span>
                                                <input id="echart_searchGroupName" type="text"
                                                    class="form-control con-none" />
                                                <span class="input-group-addon con-none">
                                                    <i class='glyphicon glyphicon-info-sign'
                                                        onmouseover="showfloat('info_echart_searchGroupName')"
                                                        onmouseout="hidefloat('info_echart_searchGroupName')"></i>
                                                    <div id="info_echart_searchGroupName" class="con-info-box">
                                                        指定分组的列，可以为空
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 con-bottom-line">
                                            <div class="input-group">
                                                <span class="input-group-addon con-none">排序字段</span>
                                                <input id="echart_searchSortName" type="text"
                                                    class="form-control con-none" />
                                                <span class="input-group-addon con-none">
                                                    <i class='glyphicon glyphicon-info-sign'
                                                        onmouseover="showfloat('info_echart_searchSortName')"
                                                        onmouseout="hidefloat('info_echart_searchSortName')"></i>
                                                    <div id="info_echart_searchSortName" class="con-info-box">
                                                        指定排序的列，可以为空
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <div class="input-group">
                                                <span
                                                    class="input-group-addon con-none">列&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>
                                                <textarea id="echart_searchColumns" class="form-control"
                                                    rows="10"></textarea>
                                                <span class="input-group-addon con-none">
                                                    <i class='glyphicon glyphicon-info-sign'
                                                        onmouseover="showfloat('info_echart_searchColumns')"
                                                        onmouseout="hidefloat('info_echart_searchColumns')"></i>
                                                    <div id="info_echart_searchColumns" class="con-info-box">
                                                        要查询的数据列
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-sm-12">
                                            <div class="input-group">
                                                <span class="input-group-addon con-none">查询条件</span>
                                                <textarea id="echart_searchFilter" class="form-control"
                                                    rows="10"></textarea>
                                                <span class="input-group-addon con-none">
                                                    <i class='glyphicon glyphicon-info-sign'
                                                        onmouseover="showfloat('info_echart_searchFilter')"
                                                        onmouseout="hidefloat('info_echart_searchFilter')"></i>
                                                    <div id="info_echart_searchFilter" class="con-info-box">
                                                        查询条件
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="div_bindtype_data">
                                        <div class="col-sm-12">
                                            <div class="input-group">
                                                <span class="input-group-addon con-none">分析数据</span>
                                                <textarea id="echart_data" class="form-control" rows="25"></textarea>
                                                <span class="input-group-addon con-none">
                                                    <i class='glyphicon glyphicon-info-sign'
                                                        onmouseover="showfloat('info_echart_data')"
                                                        onmouseout="hidefloat('info_echart_data')"></i>
                                                    <div id="info_echart_data" class="con-info-box">
                                                        当服务编码为空或者接口无法返回数据时，取该值绑定控件用于编辑展示</div>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="div_bindtype_quota">
                                        <div class="col-sm-12 con-bottom-line" style="display: none;">
                                            <div class="input-group">
                                                <span class="input-group-addon con-none">展现类型</span>
                                                <select id="echart_quotatype" class="form-control con-none slt-right">
                                                    <option value="1">饼图</option>
                                                    <option value="2">柱图</option>
                                                    <option value="3">折线图</option>
                                                    <option value="4">交叉表</option>
                                                </select>
                                                <span class="input-group-addon con-none">
                                                    <i class='glyphicon glyphicon-info-sign'
                                                        onmouseover="showfloat('info_echart_quotatype')"
                                                        onmouseout="hidefloat('info_echart_quotatype')"></i>
                                                    <div id="info_echart_quotatype" class="con-info-box">
                                                        指标展现的形式
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 con-bottom-line">
                                            <div class="input-group">
                                                <span id="spn_echart_quotavalue"
                                                    class="input-group-addon con-none"></span>
                                                <select id="echart_quotavalue" name=""
                                                    class="selectpicker form-control con-none"
                                                    onchange="queryQuotaIndex();queryQuotaCategory();queryQuotaSecondCategory();">
                                                </select>
                                                <span class="input-group-addon con-none">
                                                    <i class='glyphicon glyphicon-info-sign'
                                                        onmouseover="showfloat('info_echart_quotavalue')"
                                                        onmouseout="hidefloat('info_echart_quotavalue')"></i>
                                                    <div id="info_echart_quotavalue" class="con-info-box">指标体系</div>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 con-bottom-line">
                                            <div class="input-group">
                                                <span
                                                    class="input-group-addon con-none">指&nbsp;&nbsp;标&nbsp;&nbsp;值</span>
                                                <div id="div_quotaindex">
                                                    <select id="echart_quotaindex" name="" multiple="true"
                                                        class="selectpicker form-control con-none">
                                                    </select>
                                                </div>
                                                <span class="input-group-addon con-none">
                                                    <i class='glyphicon glyphicon-info-sign'
                                                        onmouseover="showfloat('info_echart_quotaindex')"
                                                        onmouseout="hidefloat('info_echart_quotaindex')"></i>
                                                    <div id="info_echart_quotaindex" class="con-info-box">指标值</div>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 con-bottom-line">
                                            <div class="input-group">
                                                <span
                                                    class="input-group-addon con-none">分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;类</span>
                                                <select id="echart_quotacategory" name=""
                                                    class="selectpicker form-control con-none">
                                                </select>
                                                <span class="input-group-addon con-none">
                                                    <i class='glyphicon glyphicon-info-sign'
                                                        onmouseover="showfloat('info_echart_quotacategory')"
                                                        onmouseout="hidefloat('info_echart_quotacategory')"></i>
                                                    <div id="info_echart_quotacategory" class="con-info-box">分类</div>
                                                </span>
                                            </div>
                                        </div>
                                        <div id="div_quotasecondcategory" class="col-sm-12 con-bottom-line"
                                            style="display: none;">
                                            <div class="input-group">
                                                <span class="input-group-addon con-none">二级分类</span>
                                                <select id="echart_quotasecondcategory" name=""
                                                    class="selectpicker form-control con-none">
                                                </select>
                                                <span class="input-group-addon con-none">
                                                    <i class='glyphicon glyphicon-info-sign'
                                                        onmouseover="showfloat('info_echart_quotasecondcategory')"
                                                        onmouseout="hidefloat('info_echart_quotasecondcategory')"></i>
                                                    <div id="info_echart_quotasecondcategory" class="con-info-box">二级分类
                                                    </div>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--标题-->
                                <div id="echart-title" role="tabpanel" class="tab-pane">
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题文本</span>
                                            <input id="echart_titleText" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_titleText')"
                                                    onmouseout="hidefloat('info_echart_titleText')"></i>
                                                <div id="info_echart_titleText" class="con-info-box">组件的主标题文本，支持使用\n换行
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题文字的颜色</span>
                                            <span class="input-group-addon con-none" style="width:95px;"></span>
                                            <input id="echart_titleColor" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 100%;" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_titleColor')"
                                                    onmouseout="hidefloat('info_echart_titleColor')"></i>
                                                <div id="info_echart_titleColor" class="con-info-box">组件的主标题文字的颜色</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题文字字体的风格</span>
                                            <select id="echart_titleStyle"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_titleStyle')"
                                                    onmouseout="hidefloat('info_echart_titleStyle')"></i>
                                                <div id="info_echart_titleStyle" class="con-info-box">组件的主标题文字字体的风格,
                                                    正常/斜体</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题文字字体的粗细</span>
                                            <select id="echart_titleWeight"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_titleWeight')"
                                                    onmouseout="hidefloat('info_echart_titleWeight')"></i>
                                                <div id="info_echart_titleWeight" class="con-info-box">组件的主标题文字字体的粗细,
                                                    正常/加粗/减细</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题文字的字体大小</span>
                                            <input id="echart_titleSize" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_titleSize')"
                                                    onmouseout="hidefloat('info_echart_titleSize')"></i>
                                                <div id="info_echart_titleSize" class="con-info-box">
                                                    组件的主标题文字的字体大小,输入数字,单位vh</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题上端的距离</span>
                                            <input id="echart_titleTop" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_titleTop')"
                                                    onmouseout="hidefloat('info_echart_titleTop')"></i>
                                                <div id="info_echart_titleTop" class="con-info-box">
                                                    组件的主标题上端的距离,可以是20这样的具体像素值,可以是'20%'这样相对于容器高宽的百分比,也可以是top\middle\bottom
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题下端的距离</span>
                                            <input id="echart_titleBottom" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_titleBottom')"
                                                    onmouseout="hidefloat('info_echart_titleBottom')"></i>
                                                <div id="info_echart_titleBottom" class="con-info-box">
                                                    组件的主标题下端的距离,可以是20这样的具体像素值,可以是'20%'这样相对于容器高宽的百分比,也可以是top\middle\bottom
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题左侧的距离</span>
                                            <input id="echart_titleLeft" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_titleLeft')"
                                                    onmouseout="hidefloat('info_echart_titleLeft')"></i>
                                                <div id="info_echart_titleLeft" class="con-info-box">
                                                    组件的主标题左侧的距离,可以是20这样的具体像素值,可以是'20%'这样相对于容器高宽的百分比,也可以是left\center\right
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题右侧的距离</span>
                                            <input id="echart_titleRight" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_titleRight')"
                                                    onmouseout="hidefloat('info_echart_titleRight')"></i>
                                                <div id="info_echart_titleRight" class="con-info-box">
                                                    组件的主标题右侧的距离,可以是20这样的具体像素值,可以是'20%'这样相对于容器高宽的百分比,也可以是left\center\right
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <!--图例-->
                                <div id="echart-legend" role="tabpanel" class="tab-pane">
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否显示图例</span>
                                            <input id="echart_legendShow" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_legendShow')"
                                                    onmouseout="hidefloat('info_echart_legendShow')"></i>
                                                <div id="info_echart_legendShow" class="con-info-box">单击按钮控制是否显示图例</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">图例的数据数组</span>
                                            <input id="echart_legendGroup" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_legendGroup')"
                                                    onmouseout="hidefloat('info_echart_legendGroup')"></i>
                                                <div id="info_echart_legendGroup" class="con-info-box">图例的数据数组</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">图例文字的颜色</span>
                                            <span class="input-group-addon con-none" style="width:95px;"></span>
                                            <input id="echart_legendColor" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 100%;" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_legendColor')"
                                                    onmouseout="hidefloat('info_echart_legendColor')"></i>
                                                <div id="info_echart_legendColor" class="con-info-box">图例文字的颜色</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">图例文字的大小</span>
                                            <input id="echart_legendSize" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_legendSize')"
                                                    onmouseout="hidefloat('info_echart_legendSize')"></i>
                                                <div id="info_echart_legendSize" class="con-info-box">图例文字的大小,输入数字,单位vh
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">图例组件上端的距离</span>
                                            <input id="echart_legendTop" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_legendTop')"
                                                    onmouseout="hidefloat('info_echart_legendTop')"></i>
                                                <div id="info_echart_legendTop" class="con-info-box">
                                                    图例组件上端的距离,可以是20这样的具体像素值,可以是'20%'这样相对于容器高宽的百分比,也可以是top/middle/bottom
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">图例组件下端的距离</span>
                                            <input id="echart_legendBottom" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_legendBottom')"
                                                    onmouseout="hidefloat('info_echart_legendBottom')"></i>
                                                <div id="info_echart_legendBottom" class="con-info-box">
                                                    图例组件下端的距离,可以是20这样的具体像素值,可以是'20%'这样相对于容器高宽的百分比,也可以是top/middle/bottom
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">图例组件左侧的距离</span>
                                            <input id="echart_legendLeft" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_legendLeft')"
                                                    onmouseout="hidefloat('info_echart_legendLeft')"></i>
                                                <div id="info_echart_legendLeft" class="con-info-box">
                                                    图例组件左侧的距离,可以是20这样的具体像素值,可以是'20%'这样相对于容器高宽的百分比,也可以是left/center/right
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">图例组件右侧的距离</span>
                                            <input id="echart_legendRight" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_legendRight')"
                                                    onmouseout="hidefloat('info_echart_legendRight')"></i>
                                                <div id="info_echart_legendRight" class="con-info-box">
                                                    图例组件右侧的距离,可以是20这样的具体像素值,可以是'20%'这样相对于容器高宽的百分比,也可以是left/center/right
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">图例列表的布局朝向</span>
                                            <select id="echart_legendOrient"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_legendOrient')"
                                                    onmouseout="hidefloat('info_echart_legendOrient')"></i>
                                                <div id="info_echart_legendOrient" class="con-info-box">图例列表的布局朝向,水平/垂直
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <!--位置-->
                                <div id="echart-place" role="tabpanel" class="tab-pane">
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">组件容器上端的距离</span>
                                            <input id="echart_top" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_top')"
                                                    onmouseout="hidefloat('info_echart_top')"></i>
                                                <div id="info_echart_top" class="con-info-box">
                                                    组件容器上端的距离,可以是20这样的具体像素值,可以是'20%'这样相对于容器高宽的百分比,也可以是top/middle/bottom
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">组件容器下端的距离</span>
                                            <input id="echart_bottom" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_bottom')"
                                                    onmouseout="hidefloat('info_echart_bottom')"></i>
                                                <div id="info_echart_bottom" class="con-info-box">
                                                    组件容器下端的距离,可以是20这样的具体像素值,可以是'20%'这样相对于容器高宽的百分比,也可以是top/middle/bottom
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">组件容器左侧的距离</span>
                                            <input id="echart_left" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_left')"
                                                    onmouseout="hidefloat('info_echart_left')"></i>
                                                <div id="info_echart_left" class="con-info-box">
                                                    组件容器左侧的距离,可以是20这样的具体像素值,可以是'20%'这样相对于容器高宽的百分比,也可以是left/center/right
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">组件容器右侧的距离</span>
                                            <input id="echart_right" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_right')"
                                                    onmouseout="hidefloat('info_echart_right')"></i>
                                                <div id="info_echart_right" class="con-info-box">
                                                    组件容器右侧的距离,可以是20这样的具体像素值,可以是'20%'这样相对于容器高宽的百分比,也可以是left/center/right
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">组件容器是否可以拖拽移动</span>
                                            <input id="echart_roam" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_roam')"
                                                    onmouseout="hidefloat('info_echart_roam')"></i>
                                                <div id="info_echart_roam" class="con-info-box">单击按钮控制组件容器是否可以拖拽移动</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">组件容器的显示比例</span>
                                            <input id="echart_zoom" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_zoom')"
                                                    onmouseout="hidefloat('info_echart_zoom')"></i>
                                                <div id="info_echart_zoom" class="con-info-box">组件容器的显示比例, 输入数字</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">中心坐标</span>
                                            <input id="echart_center" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_center')"
                                                    onmouseout="hidefloat('info_echart_center')"></i>
                                                <div id="info_echart_center" class="con-info-box">
                                                    中心坐标,数组的第一项是横坐标,第二项是纵坐标</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">半径</span>
                                            <input id="echart_radius" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_radius')"
                                                    onmouseout="hidefloat('info_echart_radius')"></i>
                                                <div id="info_echart_radius" class="con-info-box">
                                                    饼图的半径,number:直接指定外半径值;string:表示外半径为可视区尺寸(容器高宽中较小一项);Array.
                                                    <number|string>:第一项是内半径，第二项是外半径
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <!--坐标轴-->
                                <div id="echart-axis" role="tabpanel" class="tab-pane">
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">x轴与y轴的颜色</span>
                                            <span class="input-group-addon con-none" style="width:95px;"></span>
                                            <input id="echart_axisColor" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 100%;" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisColor')"
                                                    onmouseout="hidefloat('info_echart_axisColor')"></i>
                                                <div id="info_echart_axisColor" class="con-info-box">通过色盘调整x轴与y轴的颜色
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">x轴与y轴文字的大小</span>
                                            <input id="echart_axisSize" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisSize')"
                                                    onmouseout="hidefloat('info_echart_axisSize')"></i>
                                                <div id="info_echart_axisSize" class="con-info-box">x轴与y轴文字的大小,输入数字,单位vh
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">x轴分割间隔</span>
                                            <input id="echart_axisXInterval" type="text"
                                                class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisXInterval')"
                                                    onmouseout="hidefloat('info_echart_axisXInterval')"></i>
                                                <div id="info_echart_axisXInterval" class="con-info-box">
                                                    x轴强制设置坐标轴分割间隔,0:强制显示所有标签;1:隔一个标签显示一个标签;2:表示隔两个标签显示一个标签,以此类推</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">y轴分割间隔</span>
                                            <input id="echart_axisYInterval" type="text"
                                                class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisYInterval')"
                                                    onmouseout="hidefloat('info_echart_axisYInterval')"></i>
                                                <div id="info_echart_axisYInterval" class="con-info-box">
                                                    y轴强制设置坐标轴分割间隔,0:强制显示所有标签;1:隔一个标签显示一个标签;2:表示隔两个标签显示一个标签,以此类推</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">x轴刻度标签是否朝内</span>
                                            <input id="echart_axisXInside" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisXInside')"
                                                    onmouseout="hidefloat('info_echart_axisXInside')"></i>
                                                <div id="info_echart_axisXInside" class="con-info-box">
                                                    单击按钮控制x轴刻度标签朝内还是朝外显示，默认朝外</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">y轴刻度标签是否朝内</span>
                                            <input id="echart_axisYInside" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisYInside')"
                                                    onmouseout="hidefloat('info_echart_axisYInside')"></i>
                                                <div id="info_echart_axisYInside" class="con-info-box">
                                                    单击按钮控制y轴刻度标签朝内还是朝外显示，默认朝外</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">x轴刻度标签旋转的角度</span>
                                            <input id="echart_axisXRotate" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisXRotate')"
                                                    onmouseout="hidefloat('info_echart_axisXRotate')"></i>
                                                <div id="info_echart_axisXRotate" class="con-info-box">
                                                    x轴刻度标签旋转的角度,角度从-90度到90度</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">y轴刻度标签旋转的角度</span>
                                            <input id="echart_axisYRotate" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisYRotate')"
                                                    onmouseout="hidefloat('info_echart_axisYRotate')"></i>
                                                <div id="info_echart_axisYRotate" class="con-info-box">
                                                    y轴刻度标签旋转的角度,角度从-90度到90度</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">x轴名称</span>
                                            <input id="echart_axisXName" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisXName')"
                                                    onmouseout="hidefloat('info_echart_axisXName')"></i>
                                                <div id="info_echart_axisXName" class="con-info-box">输入文字修改x轴名称</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">y轴名称</span>
                                            <input id="echart_axisYName" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisYName')"
                                                    onmouseout="hidefloat('info_echart_axisYName')"></i>
                                                <div id="info_echart_axisYName" class="con-info-box">输入文字修改y轴名称</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">x轴类型</span>
                                            <select id="echart_axisXType"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisXType')"
                                                    onmouseout="hidefloat('info_echart_axisXType')"></i>
                                                <div id="info_echart_axisXType" class="con-info-box">
                                                    x轴类型,数值轴/类目轴/时间轴/对数轴</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">y轴类型</span>
                                            <select id="echart_axisYType"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisYType')"
                                                    onmouseout="hidefloat('info_echart_axisYType')"></i>
                                                <div id="info_echart_axisYType" class="con-info-box">
                                                    y轴类型,数值轴/类目轴/时间轴/对数轴</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">x轴Z值</span>
                                            <input id="echart_axisXIndex" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisXIndex')"
                                                    onmouseout="hidefloat('info_echart_axisXIndex')"></i>
                                                <div id="info_echart_axisXIndex" class="con-info-box">x轴Z值,输入数字,1-99
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">y轴Z值</span>
                                            <input id="echart_axisYIndex" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_axisYIndex')"
                                                    onmouseout="hidefloat('info_echart_axisYIndex')"></i>
                                                <div id="info_echart_axisYIndex" class="con-info-box">y轴Z值,输入数字,1-99
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">x轴两边留白策略</span>
                                            <input id="echart_boundaryGap" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_boundaryGap')"
                                                    onmouseout="hidefloat('info_echart_boundaryGap')"></i>
                                                <div id="info_echart_boundaryGap" class="con-info-box">
                                                    x轴两边留白策略,类目轴:true/false;非类目轴:[min, max]</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">y轴在组件容器区域中的分隔线</span>
                                            <input id="echart_splitLine" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_splitLine')"
                                                    onmouseout="hidefloat('info_echart_splitLine')"></i>
                                                <div id="info_echart_splitLine" class="con-info-box">
                                                    单击按钮控制y轴在组件容器区域中的分隔线是否显示</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">x轴刻度标签是否错位显示</span>
                                            <input id="echart_parallel" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_parallel')"
                                                    onmouseout="hidefloat('info_echart_parallel')"></i>
                                                <div id="info_echart_parallel" class="con-info-box">单击按钮控制x轴刻度标签是否错位显示
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <!--标签-->
                                <div id="echart-label" role="tabpanel" class="tab-pane">
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否显示提示框组件</span>
                                            <input id="echart_tooltipShow" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_tooltipShow')"
                                                    onmouseout="hidefloat('info_echart_tooltipShow')"></i>
                                                <div id="info_echart_tooltipShow" class="con-info-box">单击按钮控制是否显示提示框组件
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">模块标题文字的对齐方式</span>
                                            <select id="echart_tooltipTrigger"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_tooltipTrigger')"
                                                    onmouseout="hidefloat('info_echart_tooltipTrigger')"></i>
                                                <div id="info_echart_tooltipTrigger" class="con-info-box">
                                                    触发类型,axis:坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用;item:数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用;none:什么都不触发
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line-auto">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">提示框浮层内容</span>
                                            <textarea id="echart_tooltipFormatter" class="form-control"
                                                rows="2"></textarea>
                                            <!-- <input id="echart_tooltipFormatter" type="text"
                                                class="form-control con-none" /> -->
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_tooltipFormatter')"
                                                    onmouseout="hidefloat('info_echart_tooltipFormatter')"></i>
                                                <div id="info_echart_tooltipFormatter" class="con-info-box">
                                                    提示框浮层内容格式器:{a}(系列名称),{b}(类目值),{c}(数值)</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">指示器类型</span>
                                            <select id="echart_tooltipPointer"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_tooltipPointer')"
                                                    onmouseout="hidefloat('info_echart_tooltipPointer')"></i>
                                                <div id="info_echart_tooltipPointer" class="con-info-box">
                                                    指示器类型,直线指示器/阴影指示器/无指示器/十字准星指示器</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">指示器位置</span>
                                            <select id="echart_tooltipPosition"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_tooltipPosition')"
                                                    onmouseout="hidefloat('info_echart_tooltipPosition')"></i>
                                                <div id="info_echart_tooltipPosition" class="con-info-box">
                                                    只在触发类型为item的时候有效,inside/top/left/right/bottom</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否显示标签</span>
                                            <input id="echart_labelShow" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_labelShow')"
                                                    onmouseout="hidefloat('info_echart_labelShow')"></i>
                                                <div id="info_echart_labelShow" class="con-info-box">单击按钮控制是否显示标签</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">视觉引导线</span>
                                            <input id="echart_labelLength" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_labelLength')"
                                                    onmouseout="hidefloat('info_echart_labelLength')"></i>
                                                <div id="info_echart_labelLength" class="con-info-box">
                                                    视觉引导线,数组的第一项是贴近饼状图的长度,第二项是贴近文字段的长度</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题文字的颜色</span>
                                            <span class="input-group-addon con-none" style="width:95px;"></span>
                                            <input id="echart_labelColor" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 100%;" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_labelColor')"
                                                    onmouseout="hidefloat('info_echart_labelColor')"></i>
                                                <div id="info_echart_labelColor" class="con-info-box">通过色盘调整主标题文字的颜色
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题文字字体的风格</span>
                                            <select id="echart_labelStyle"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_labelStyle')"
                                                    onmouseout="hidefloat('info_echart_labelStyle')"></i>
                                                <div id="info_echart_labelStyle" class="con-info-box">主标题文字字体的风格,正常/倾斜
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题文字字体的粗细</span>
                                            <select id="echart_labelWeight"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_labelWeight')"
                                                    onmouseout="hidefloat('info_echart_labelWeight')"></i>
                                                <div id="info_echart_labelWeight" class="con-info-box">
                                                    主标题文字字体的粗细,正常/加粗/减细</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题文字的字体大小</span>
                                            <input id="echart_labelSize" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_labelSize')"
                                                    onmouseout="hidefloat('info_echart_labelSize')"></i>
                                                <div id="info_echart_labelSize" class="con-info-box">
                                                    主标题文字的字体大小,输入数字,单位vh</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题标签的位置</span>
                                            <select id="echart_labelPosition"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_labelPosition')"
                                                    onmouseout="hidefloat('info_echart_labelPosition')"></i>
                                                <div id="info_echart_labelPosition" class="con-info-box">
                                                    标签的位置,top/left/right/bottom/inside/insideLeft/insideRight/insideTop/insideBottom/insideTopLeft/insideBottomLeft/insideTopRight/insideBottomRight
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line-auto">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">主标题文字的格式</span>
                                            <!-- <input id="echart_labelFormatter" type="text"
                                                class="form-control con-none" /> -->
                                            <textarea id="echart_labelFormatter" class="form-control"
                                                rows="2"></textarea>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_labelFormatter')"
                                                    onmouseout="hidefloat('info_echart_labelFormatter')"></i>
                                                <div id="info_echart_labelFormatter" class="con-info-box">
                                                    主标题文字的格式:{a}(系列名称),{b}(类目值),{c}(数值)</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否显示浮动标签</span>
                                            <input id="echart_emphasisShow" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_emphasisShow')"
                                                    onmouseout="hidefloat('info_echart_emphasisShow')"></i>
                                                <div id="info_echart_emphasisShow" class="con-info-box">单击按钮控制是否显示浮动标签
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">浮动标签文字的颜色</span>
                                            <span class="input-group-addon con-none" style="width:85px;"></span>
                                            <input id="echart_emphasisColor" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 100%;" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_emphasisColor')"
                                                    onmouseout="hidefloat('info_echart_emphasisColor')"></i>
                                                <div id="info_echart_emphasisColor" class="con-info-box">通过色盘调整浮动标签文字的颜色
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">浮动标签文字字体的风格</span>
                                            <select id="echart_emphasisStyle"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_emphasisStyle')"
                                                    onmouseout="hidefloat('info_echart_emphasisStyle')"></i>
                                                <div id="info_echart_emphasisStyle" class="con-info-box">
                                                    浮动标签文字字体的风格,normal/italic/oblique
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">浮动标签文字字体的粗细</span>
                                            <select id="echart_emphasisWeight"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_emphasisWeight')"
                                                    onmouseout="hidefloat('info_echart_emphasisWeight')"></i>
                                                <div id="info_echart_emphasisWeight" class="con-info-box">
                                                    浮动标签文字字体的粗细,normal/bold/bolder/lighter
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">浮动标签文字的字体大小</span>
                                            <input id="echart_emphasisSize" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_emphasisSize')"
                                                    onmouseout="hidefloat('info_echart_emphasisSize')"></i>
                                                <div id="info_echart_emphasisSize" class="con-info-box">
                                                    浮动标签文字的字体大小,输入数字,单位vh
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">浮动标签的位置</span>
                                            <select id="echart_emphasisPosition"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_emphasisPosition')"
                                                    onmouseout="hidefloat('info_echart_emphasisPosition')"></i>
                                                <div id="info_echart_emphasisPosition" class="con-info-box">
                                                    浮动标签的位置,top/left/right/bottom/inside/insideLeft/insideRight/insideTop/insideBottom/insideTopLeft/insideBottomLeft/insideTopRight/insideBottomRight
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">浮动标签文字的格式</span>
                                            <textarea id="echart_emphasisFormatter" class="form-control"
                                                rows="2"></textarea>
                                            <!-- <input id="echart_emphasisFormatter" type="text"
                                                class="form-control con-none" /> -->
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_emphasisFormatter')"
                                                    onmouseout="hidefloat('info_echart_emphasisFormatter')"></i>
                                                <div id="info_echart_emphasisFormatter" class="con-info-box">
                                                    浮动标签文字的格式:{a}(系列名称),{b}(类目值),{c}(数值)</div>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <!--主题-->
                                <div id="echart-color" role="tabpanel" class="tab-pane">
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">颜色主题</span>
                                            <select id="echart_colorTheme"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_colorTheme')"
                                                    onmouseout="hidefloat('info_echart_colorTheme')"></i>
                                                <div id="info_echart_colorTheme" class="con-info-box">可选控件的整体颜色主题</div>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <!--其他-->
                                <div id="echart-other" role="tabpanel" class="tab-pane">
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">图形透明度</span>
                                            <input id="echart_areaOpacity" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_areaOpacity')"
                                                    onmouseout="hidefloat('info_echart_areaOpacity')"></i>
                                                <div id="info_echart_areaOpacity" class="con-info-box">
                                                    图形透明度,0/1，0:不绘制该图形</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">边框颜色</span>
                                            <span class="input-group-addon con-none" style="width:185px;"></span>
                                            <input id="echart_borderColor" type="text"
                                                class="form-control con-none jscolor {width:300, height:250}"
                                                style="width: 100%;" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_borderColor')"
                                                    onmouseout="hidefloat('info_echart_borderColor')"></i>
                                                <div id="info_echart_borderColor" class="con-info-box">通过色盘调整边框的颜色</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">边框粗细</span>
                                            <input id="echart_borderWidth" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_borderWidth')"
                                                    onmouseout="hidefloat('info_echart_borderWidth')"></i>
                                                <div id="info_echart_borderWidth" class="con-info-box">边框粗细,输入数字,单位px
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">组件容器是否包含坐标轴的刻度标签</span>
                                            <input id="echart_containLabel" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_containLabel')"
                                                    onmouseout="hidefloat('info_echart_containLabel')"></i>
                                                <div id="info_echart_containLabel" class="con-info-box">
                                                    单击按钮控制组件容器是否包含坐标轴的刻度标签</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">组件容器是否包含坐标轴的子刻度标签</span>
                                            <input id="echart_containTick" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_containTick')"
                                                    onmouseout="hidefloat('info_echart_containTick')"></i>
                                                <div id="info_echart_containTick" class="con-info-box">
                                                    单击按钮控制组件容器是否包含坐标轴的子刻度标签</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">组件容器是否包含坐标轴的子刻度</span>
                                            <input id="echart_containSplit" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_containSplit')"
                                                    onmouseout="hidefloat('info_echart_containSplit')"></i>
                                                <div id="info_echart_containSplit" class="con-info-box">组件容器是否包含坐标轴的子刻度
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否平滑显示曲线</span>
                                            <input id="echart_lineSmooth" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_lineSmooth')"
                                                    onmouseout="hidefloat('info_echart_lineSmooth')"></i>
                                                <div id="info_echart_lineSmooth" class="con-info-box">
                                                    单击按钮控制是否平滑显示曲线,<span style="color:red;">该设置仅针对曲线图</span></div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">柱形图宽度</span>
                                            <input id="echart_barWidth" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_barWidth')"
                                                    onmouseout="hidefloat('info_echart_barWidth')"></i>
                                                <div id="info_echart_barWidth" class="con-info-box">柱形图宽度,<span
                                                        style="color:red;">该设置仅针对柱状图</span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否显示仪表盘指针</span>
                                            <input id="echart_pointerShow" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_pointerShow')"
                                                    onmouseout="hidefloat('info_echart_pointerShow')"></i>
                                                <div id="info_echart_pointerShow" class="con-info-box">
                                                    单击按钮控制是否显示仪表盘指针,<span style="color:red;">该设置仅针对仪表盘</span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否显示仪表盘指针中心点</span>
                                            <input id="echart_anchorShow" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_anchorShow')"
                                                    onmouseout="hidefloat('info_echart_anchorShow')"></i>
                                                <div id="info_echart_anchorShow" class="con-info-box">
                                                    单击按钮控制是否显示仪表盘指针中心点,<span style="color:red;">该设置仅针对仪表盘</span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">仪表盘的指示区间</span>
                                            <input id="echart_section" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_section')"
                                                    onmouseout="hidefloat('info_echart_section')"></i>
                                                <div id="info_echart_section" class="con-info-box">
                                                    仪表盘的指示区间,[start,end],<span style="color:red;">该设置仅针对仪表盘</span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">雷达图的取值范围</span>
                                            <input id="echart_indicator" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_indicator')"
                                                    onmouseout="hidefloat('info_echart_indicator')"></i>
                                                <div id="info_echart_indicator" class="con-info-box">
                                                    雷达图的取值范围,<span style="color:red;">该设置仅针对雷达图</span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否显示切换工具</span>
                                            <input id="echart_toolboxShow" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_toolboxShow')"
                                                    onmouseout="hidefloat('info_echart_toolboxShow')"></i>
                                                <div id="info_echart_toolboxShow" class="con-info-box">
                                                    单击按钮控制是否显示切换工具,<span style="color:red;">该设置仅针对柱状图、折线图</span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否显示保存图片</span>
                                            <input id="echart_toolboxSaveAs" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_toolboxSaveAs')"
                                                    onmouseout="hidefloat('info_echart_toolboxSaveAs')"></i>
                                                <div id="info_echart_toolboxSaveAs" class="con-info-box">
                                                    单击按钮控制是否显示保存图片,<span style="color:red;">该设置仅针对柱状图、折线图</span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否展示玫瑰饼图</span>
                                            <input id="echart_roseType" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_roseType')"
                                                    onmouseout="hidefloat('info_echart_roseType')"></i>
                                                <div id="info_echart_roseType" class="con-info-box">单击按钮控制是否展示玫瑰饼图,<span
                                                        style="color:red;">该设置仅针对饼状图</span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否展示合计</span>
                                            <input id="echart_tableTotal" type="checkbox" class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_tableTotal')"
                                                    onmouseout="hidefloat('info_echart_tableTotal')"></i>
                                                <div id="info_echart_tableTotal" class="con-info-box">
                                                    单击按钮控制交叉表格是否展示合计<span style="color:red;">该设置仅针对交叉表格</span>
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <!--查询模块-->
                                <div id="echart-search" role="tabpanel" class="tab-pane">
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">控件ID</span>
                                            <input id="echart_searchControlID" type="text"
                                                class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_searchControlID')"
                                                    onmouseout="hidefloat('info_echart_searchControlID')"></i>
                                                <div id="info_echart_searchControlID" class="con-info-box">
                                                    查询控件的ID</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">控件名称</span>
                                            <span class="input-group-addon con-none" style="width:185px;"></span>
                                            <input id="echart_searchControlText" type="text"
                                                class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_searchControlText')"
                                                    onmouseout="hidefloat('info_echart_searchControlText')"></i>
                                                <div id="info_echart_searchControlText" class="con-info-box">查询控件的名称
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line" style="display: none;">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">条件</span>
                                            <select id="echart_searchControlUnion"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_searchControlUnion')"
                                                    onmouseout="hidefloat('info_echart_searchControlUnion')"></i>
                                                <div id="info_echart_searchControlUnion" class="con-info-box">查询条件的拼接关键字
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">逻辑运算符</span>
                                            <select id="echart_searchControlExist"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_searchControlExist')"
                                                    onmouseout="hidefloat('info_echart_searchControlExist')"></i>
                                                <div id="info_echart_searchControlExist" class="con-info-box">
                                                    查询条件的逻辑运算符</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">最大返回结果数</span>
                                            <input id="echart_searchControlPageSize" type="text"
                                                class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_searchControlPageSize')"
                                                    onmouseout="hidefloat('info_echart_searchControlPageSize')"></i>
                                                <div id="info_echart_searchControlPageSize" class="con-info-box">最大返回结果数
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line" style="display: none;">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">字段类型</span>
                                            <select id="echart_searchControlDataType"
                                                class="form-control con-none slt-right"></select>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_searchControlDataType')"
                                                    onmouseout="hidefloat('info_echart_searchControlDataType')"></i>
                                                <div id="info_echart_searchControlDataType" class="con-info-box">
                                                    查询字段的类型</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">控件是否可编辑</span>
                                            <input id="echart_searchDisabled" type="checkbox"
                                                class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_searchDisabled')"
                                                    onmouseout="hidefloat('info_echart_searchDisabled')"></i>
                                                <div id="info_echart_searchDisabled" class="con-info-box">单击按钮控制模块背景是否拉伸
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">默认值</span>
                                            <input id="echart_searchCheckedValue" type="text"
                                                class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_searchCheckedValue')"
                                                    onmouseout="hidefloat('info_echart_searchCheckedValue')"></i>
                                                <div id="info_echart_searchCheckedValue" class="con-info-box">控件的默认值
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">是否显示请选择项</span>
                                            <input id="echart_searchDefaultValue" type="checkbox"
                                                class="al-toggle-button" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_searchDefaultValue')"
                                                    onmouseout="hidefloat('info_echart_searchDefaultValue')"></i>
                                                <div id="info_echart_searchDefaultValue" class="con-info-box">
                                                    是否显示请选择项，该属性仅适用下拉列表控件</div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 con-bottom-line">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">格式化显示列</span>
                                            <input id="echart_searchFormat" type="text" class="form-control con-none" />
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_searchFormat')"
                                                    onmouseout="hidefloat('info_echart_searchFormat')"></i>
                                                <div id="info_echart_searchFormat" class="con-info-box">格式化下拉列表的显示列
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class="input-group">
                                            <span class="input-group-addon con-none">查询事件</span>
                                            <textarea id="echart_searchEvent" class="form-control" rows="10"></textarea>
                                            <span class="input-group-addon con-none">
                                                <i class='glyphicon glyphicon-info-sign'
                                                    onmouseover="showfloat('info_echart_searchEvent')"
                                                    onmouseout="hidefloat('info_echart_searchEvent')"></i>
                                                <div id="info_echart_searchEvent" class="con-info-box">
                                                    自定义查询事件(js语法)
                                                </div>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="btn_Submit" onclick="submit()"
                            onmouseout="">应用</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="div_Save" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
            aria-hidden="true" style="z-index: 10;">
            <div class="modal-dialog">
                <div class="modal-content" style="width:37vw;">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">模块管理</h4>
                    </div>
                    <div class="modal-body">
                        <div id="div_modal_save">
                            <form class="form-horizontal" role="form" action="">
                                <div class="form-group">
                                    <template id="temp_save">
                                        <edit name="viewname" title="视图名称" width="12" empty="true"></edit>
                                        <edit name="viewremark" title="视图描述" width="12" empty="true" type="textarea">
                                        </edit>
                                        <edit name="viewuserid" title="登录账号" width="12" empty="true" display="none">
                                        </edit>
                                        <edit name="viewusername" title="用户姓名" width="12" empty="true" display="none">
                                        </edit>
                                        <edit name="viewcode" title="视图代码" width="12" empty="true" type="textarea"
                                            display="none"></edit>
                                        <edit name="viewbackground" title="背景图" width="12" empty="true" display="none">
                                        </edit>
                                    </template>
                                </div>
                            </form>
                        </div>
                        <div id="div_modal_template">
                            <form class="form-horizontal" role="form" action="">
                                <div class="form-group">
                                    <template id="temp_template">
                                        <edit name="tempname" title="模板名称" width="12" empty="true"></edit>
                                        <edit name="tempremark" title="模板描述" width="12" empty="true" type="textarea">
                                        </edit>
                                        <edit name="tempstatus" title="状态" width="12" empty="true" display="none">
                                        </edit>
                                        <edit name="tempuserid" title="登录账号" width="12" empty="true" display="none">
                                        </edit>
                                        <edit name="tempusername" title="用户姓名" width="12" empty="true" display="none">
                                        </edit>
                                        <edit name="tempcode" title="模板代码" width="12" empty="true" type="textarea"
                                            display="none"></edit>
                                        <edit name="tempbackground" title="背景图" width="12" empty="true" display="none">
                                        </edit>
                                    </template>
                                </div>
                            </form>
                        </div>
                        <div id="div_modal_publish">
                            <form class="form-horizontal" role="form" action="">
                                <div class="form-group">
                                    <template id="temp_publish">
                                        <edit name="publishname" title="发布名称" width="12" empty="true"></edit>
                                        <edit name="publishremark" title="发布描述" width="12" empty="true" type="textarea">
                                        </edit>
                                        <edit name="publishstatus" title="状态" width="12" empty="true" display="none">
                                        </edit>
                                        <edit name="publishuserid" title="登录账号" width="12" empty="true" display="none">
                                        </edit>
                                        <edit name="publishusername" title="用户姓名" width="12" empty="true"
                                            display="none"></edit>
                                        <edit name="publishcode" title="发布代码" width="12" empty="true" type="textarea"
                                            display="none"></edit>
                                        <edit name="publishbackground" title="背景图" width="12" empty="true"
                                            display="none"></edit>
                                    </template>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="btn_save" value=""
                            onclick="save(this.value)">保存</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>